<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>


<body>
    <button>米哈游</button>
    <div></div>
    <script>
        /*
           1.window 有一个属性 location
           2.location 的一个数据类型是一个对象。
           3.location 有一个属性 href 是网址。
           参考 a 标签的属性。赋值后可以跳转页面。
        */
        // 需求： 5 s 后跳转页面
        let btn = document.querySelector('button');
        let div = document.querySelector('div');

        btn.addEventListener('click', function () {
            window.location.href = 'https://www.mihoyo.com/';
        });

        let value = 5;
        let timer = setInterval(() => {
            value--;
            div.innerHTML = value;
            if (value == 0) {
                window.location.href = 'https://www.mihoyo.com/';
            }
        }, 1000);
    </script>
</body>

</html>